<div class="container-fluid main-content">
			<!-- Statistics -->
			<div class="row">
				<div class="col-lg-12">
					<div class="widget-container stats-container">
						<div class="col-md-3">
							<div class="number">
								<div class="icon globe"></div>
								86<small>%</small>
							</div>
							<div class="text">Overall growth</div>
						</div>
						<div class="col-md-3">
							<div class="number">
								<div class="icon visitors"></div>
								<?php echo $userCount?>
							</div>
							<div class="text">用户数</div>
						</div>
						<div class="col-md-3">
							<div class="number">
								<div class="icon money"></div>
								<small>$</small>924
							</div>
							<div class="text">Sales</div>
						</div>
						<div class="col-md-3">
							<div class="number">
								<div class="icon chat-bubbles"></div>
								325
							</div>
							<div class="text">发表的文章</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Statistics -->
			
			<div class="row hide">
				<!-- Weather -->
				<div class="col-md-8">
					<div class="widget-container weather">
						<div class="widget-content padded">
							<div class="row text-center">
								<div class="col-sm-6 col-md-6 col-lg-4 today">
									<p>TODAY</p>
									<canvas class="skycons-element" data-skycons="RAIN" height="100" id="rain" width="100"></canvas>
									<div class="number">
										72<small>°</small>
									</div>
									<p class="location">Washington, D.C.</p>
								</div>
								<div class="col-sm-2 hidden-xs">
									<p>MON</p>
									<canvas class="skycons-element" data-skycons="CLEAR_DAY" height="60" id="clear-day" width="60"></canvas>
									<div class="number">
										86<small>°</small>
									</div>
								</div>
								<div class="col-sm-2 hidden-xs">
									<p>TUE</p>
									<canvas class="skycons-element" data-skycons="RAIN" height="60" id="cloudy" width="60"></canvas>
									<div class="number">
										75<small>°</small>
									</div>
								</div>
								<div class="col-sm-2 hidden-xs">
									<p>WED</p>
									<canvas class="skycons-element" data-skycons="PARTLY_CLOUDY_DAY" height="60" id="partly-cloudy-day" width="60"></canvas>
									<div class="number">
										82<small>°</small>
									</div>
								</div>
								<div class="col-sm-2 hidden-md hidden-sm hidden-xs">
									<p>THU</p>
									<canvas class="skycons-element" data-skycons="SLEET" height="60" id="sleet" width="60"></canvas>
									<div class="number">
										64<small>°</small>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- end Weather -->
				<!-- Bar Graph -->
				<div class="col-md-4">
					<div class="widget-container small">
						<div class="heading">
							<i class="icon-signal"></i>New sign ups<i class="icon-list pull-right"></i><i class="icon-refresh pull-right"></i>
						</div>
						<div class="widget-content padded">
							<div class="bar-chart-widget">
								<div class="chart-graph">
									<div id="barcharts"><canvas width="251" height="100" style="display: inline-block; width: 251px; height: 100px; vertical-align: top;"></canvas></div>
									<ul class="chart-text-axis">
										<li>1</li>
										<li>2</li>
										<li>3</li>
										<li>4</li>
										<li>5</li>
										<li>6</li>
										<li>7</li>
										<li>8</li>
										<li>9</li>
										<li>10</li>
										<li>11</li>
										<li>12</li>
										<li>13</li>
										<li>14</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- End Bar Graph -->
			</div>
			<div class="row hide">
				<!-- Area Charts:Morris -->
				<div class="col-md-6">
					<div class="widget-container fluid-height">
						<div class="heading">
							<i class="icon-bar-chart"></i>Area Chart
						</div>
						<div class="widget-content padded text-center">
							<div class="graph-container">
								<div class="caption"></div>
								<div class="graph" id="hero-area" style="position: relative;"><svg height="342" version="1.1" width="619" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative;"><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with RaphaÃ«l 2.1.2</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></defs><text x="48.5" y="310" text-anchor="end" font="10px &quot;Arial&quot;" stroke="none" fill="#888888" font-size="12px" font-family="sans-serif" font-weight="normal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: sans-serif;"><tspan dy="4.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">0</tspan></text><path fill="none" stroke="#aaaaaa" d="M61,310H594" stroke-width="0.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="48.5" y="238.75" text-anchor="end" font="10px &quot;Arial&quot;" stroke="none" fill="#888888" font-size="12px" font-family="sans-serif" font-weight="normal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: sans-serif;"><tspan dy="4.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">7,500</tspan></text><path fill="none" stroke="#aaaaaa" d="M61,238.75H594" stroke-width="0.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="48.5" y="167.5" text-anchor="end" font="10px &quot;Arial&quot;" stroke="none" fill="#888888" font-size="12px" font-family="sans-serif" font-weight="normal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: sans-serif;"><tspan dy="4.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">15,000</tspan></text><path fill="none" stroke="#aaaaaa" d="M61,167.5H594" stroke-width="0.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="48.5" y="96.25" text-anchor="end" font="10px &quot;Arial&quot;" stroke="none" fill="#888888" font-size="12px" font-family="sans-serif" font-weight="normal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: sans-serif;"><tspan dy="4.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">22,500</tspan></text><path fill="none" stroke="#aaaaaa" d="M61,96.25H594" stroke-width="0.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="48.5" y="25" text-anchor="end" font="10px &quot;Arial&quot;" stroke="none" fill="#888888" font-size="12px" font-family="sans-serif" font-weight="normal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: sans-serif;"><tspan dy="4.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">30,000</tspan></text><path fill="none" stroke="#aaaaaa" d="M61,25H594" stroke-width="0.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="495.5601458080194" y="322.5" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#888888" font-size="12px" font-family="sans-serif" font-weight="normal" transform="matrix(1,0,0,1,0,6)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: sans-serif;"><tspan dy="4.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">2012</tspan></text><text x="259.1749696233293" y="322.5" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#888888" font-size="12px" font-family="sans-serif" font-weight="normal" transform="matrix(1,0,0,1,0,6)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: sans-serif;"><tspan dy="4.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">2011</tspan></text><path fill="#ebf6eb" stroke="#000000" d="M61,259.5265C75.8955042527339,254.3015,105.6865127582017,243.45843750000003,120.5820170109356,238.62650000000002C135.4775212636695,233.7945625,165.2685297691373,227.4856994535519,180.1640340218712,220.87099999999998C194.8976306196841,214.3281994535519,224.36482381530982,187.94878936464087,239.0984204131227,185.9965C253.67010935601456,184.0656643646409,282.8134872417983,203.9185892857143,297.3851761846902,205.3385C312.28068043742405,206.7899642857143,342.07168894289185,196.515375,356.9671931956257,197.482C371.86269744835965,198.448625,401.6537059538274,230.2303169398907,416.5492102065613,213.07150000000001C431.2828068043742,196.09919193989072,460.74999999999994,69.23675,475.48359659781283,60.95750000000001C490.2171931956257,52.678250000000006,519.6843863912516,134.6978886612022,534.4179829890644,146.8375C549.3134872417983,159.1105136612022,579.1044957472661,155.665375,594,158.608L594,310L61,310Z" fill-opacity="0.5" stroke-width="0" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 0.5;"></path><path fill="none" stroke="#a0e2a0" d="M61,259.5265C75.8955042527339,254.3015,105.6865127582017,243.45843750000003,120.5820170109356,238.62650000000002C135.4775212636695,233.7945625,165.2685297691373,227.4856994535519,180.1640340218712,220.87099999999998C194.8976306196841,214.3281994535519,224.36482381530982,187.94878936464087,239.0984204131227,185.9965C253.67010935601456,184.0656643646409,282.8134872417983,203.9185892857143,297.3851761846902,205.3385C312.28068043742405,206.7899642857143,342.07168894289185,196.515375,356.9671931956257,197.482C371.86269744835965,198.448625,401.6537059538274,230.2303169398907,416.5492102065613,213.07150000000001C431.2828068043742,196.09919193989072,460.74999999999994,69.23675,475.48359659781283,60.95750000000001C490.2171931956257,52.678250000000006,519.6843863912516,134.6978886612022,534.4179829890644,146.8375C549.3134872417983,159.1105136612022,579.1044957472661,155.665375,594,158.608" stroke-width="2" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><circle cx="61" cy="259.5265" r="4" fill="#a0e2a0" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="120.5820170109356" cy="238.62650000000002" r="4" fill="#a0e2a0" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="180.1640340218712" cy="220.87099999999998" r="4" fill="#a0e2a0" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="239.0984204131227" cy="185.9965" r="4" fill="#a0e2a0" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="297.3851761846902" cy="205.3385" r="4" fill="#a0e2a0" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="356.9671931956257" cy="197.482" r="4" fill="#a0e2a0" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="416.5492102065613" cy="213.07150000000001" r="4" fill="#a0e2a0" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="475.48359659781283" cy="60.95750000000001" r="4" fill="#a0e2a0" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="534.4179829890644" cy="146.8375" r="4" fill="#a0e2a0" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="594" cy="158.608" r="4" fill="#a0e2a0" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><path fill="#f8f0e6" stroke="#000000" d="M61,284.673C75.8955042527339,278.95875,105.6865127582017,266.82131250000003,120.5820170109356,261.81600000000003C135.4775212636695,256.81068750000003,165.2685297691373,247.36712295081966,180.1640340218712,244.63049999999998C194.8976306196841,241.92362295081966,224.36482381530982,242.24265400552486,239.0984204131227,240.042C253.67010935601456,237.86552900552488,282.8134872417983,230.174396978022,297.3851761846902,227.122C312.28068043742405,224.001771978022,342.07168894289185,215.2220625,356.9671931956257,215.3515C371.86269744835965,215.48093749999998,401.6537059538274,241.3833169398907,416.5492102065613,228.1575C431.2828068043742,215.0754419398907,460.74999999999994,117.87675,475.48359659781283,110.12C490.2171931956257,102.36325,519.6843863912516,157.96042964480873,534.4179829890644,166.1035C549.3134872417983,174.33605464480874,579.1044957472661,173.24275,594,175.6225L594,310L61,310Z" fill-opacity="0.5" stroke-width="0" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 0.5;"></path><path fill="none" stroke="#f1c88e" d="M61,284.673C75.8955042527339,278.95875,105.6865127582017,266.82131250000003,120.5820170109356,261.81600000000003C135.4775212636695,256.81068750000003,165.2685297691373,247.36712295081966,180.1640340218712,244.63049999999998C194.8976306196841,241.92362295081966,224.36482381530982,242.24265400552486,239.0984204131227,240.042C253.67010935601456,237.86552900552488,282.8134872417983,230.174396978022,297.3851761846902,227.122C312.28068043742405,224.001771978022,342.07168894289185,215.2220625,356.9671931956257,215.3515C371.86269744835965,215.48093749999998,401.6537059538274,241.3833169398907,416.5492102065613,228.1575C431.2828068043742,215.0754419398907,460.74999999999994,117.87675,475.48359659781283,110.12C490.2171931956257,102.36325,519.6843863912516,157.96042964480873,534.4179829890644,166.1035C549.3134872417983,174.33605464480874,579.1044957472661,173.24275,594,175.6225" stroke-width="2" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><circle cx="61" cy="284.673" r="4" fill="#f1c88e" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="120.5820170109356" cy="261.81600000000003" r="4" fill="#f1c88e" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="180.1640340218712" cy="244.63049999999998" r="4" fill="#f1c88e" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="239.0984204131227" cy="240.042" r="4" fill="#f1c88e" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="297.3851761846902" cy="227.122" r="4" fill="#f1c88e" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="356.9671931956257" cy="215.3515" r="4" fill="#f1c88e" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="416.5492102065613" cy="228.1575" r="4" fill="#f1c88e" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="475.48359659781283" cy="110.12" r="4" fill="#f1c88e" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="534.4179829890644" cy="166.1035" r="4" fill="#f1c88e" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="594" cy="175.6225" r="4" fill="#f1c88e" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><path fill="#f5fafc" stroke="#000000" d="M61,284.673C75.8955042527339,284.407,105.6865127582017,286.276125,120.5820170109356,283.609C135.4775212636695,280.941875,165.2685297691373,264.51685519125687,180.1640340218712,263.336C194.8976306196841,262.16798019125685,224.36482381530982,276.4798273480663,239.0984204131227,274.2135C253.67010935601456,271.9720773480663,282.8134872417983,247.5399793956044,297.3851761846902,245.305C312.28068043742405,243.02035439560441,342.07168894289185,253.771875,356.9671931956257,256.135C371.86269744835965,258.498125,401.6537059538274,275.43707923497266,416.5492102065613,264.21C431.2828068043742,253.10495423497267,460.74999999999994,173.7735625,475.48359659781283,166.8065C490.2171931956257,159.8394375,519.6843863912516,200.630406420765,534.4179829890644,208.4735C549.3134872417983,216.40278142076502,579.1044957472661,224.540375,594,229.89600000000002L594,310L61,310Z" fill-opacity="0.5" stroke-width="0" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 0.5;"></path><path fill="none" stroke="#a0dcee" d="M61,284.673C75.8955042527339,284.407,105.6865127582017,286.276125,120.5820170109356,283.609C135.4775212636695,280.941875,165.2685297691373,264.51685519125687,180.1640340218712,263.336C194.8976306196841,262.16798019125685,224.36482381530982,276.4798273480663,239.0984204131227,274.2135C253.67010935601456,271.9720773480663,282.8134872417983,247.5399793956044,297.3851761846902,245.305C312.28068043742405,243.02035439560441,342.07168894289185,253.771875,356.9671931956257,256.135C371.86269744835965,258.498125,401.6537059538274,275.43707923497266,416.5492102065613,264.21C431.2828068043742,253.10495423497267,460.74999999999994,173.7735625,475.48359659781283,166.8065C490.2171931956257,159.8394375,519.6843863912516,200.630406420765,534.4179829890644,208.4735C549.3134872417983,216.40278142076502,579.1044957472661,224.540375,594,229.89600000000002" stroke-width="2" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><circle cx="61" cy="284.673" r="4" fill="#a0dcee" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="120.5820170109356" cy="283.609" r="4" fill="#a0dcee" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="180.1640340218712" cy="263.336" r="4" fill="#a0dcee" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="239.0984204131227" cy="274.2135" r="4" fill="#a0dcee" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="297.3851761846902" cy="245.305" r="4" fill="#a0dcee" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="356.9671931956257" cy="256.135" r="4" fill="#a0dcee" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="416.5492102065613" cy="264.21" r="4" fill="#a0dcee" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="475.48359659781283" cy="166.8065" r="4" fill="#a0dcee" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="534.4179829890644" cy="208.4735" r="4" fill="#a0dcee" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="594" cy="229.89600000000002" r="4" fill="#a0dcee" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle></svg><div class="morris-hover morris-default-style" style="display: none;"></div></div>
							</div>
						</div>
					</div>
				</div>
				<!-- Area Charts:Morris -->
				<!-- Chat -->
				<div class="col-md-6">
					<div class="widget-container scrollable chat" style="height: 427px;">
						<div class="heading">
							<i class="icon-comments"></i>Chat Widget<i class="icon-smile pull-right"></i>
						</div>
						<div class="widget-content padded">
							<ul>
								<li><img width="30" height="30" src="/images/avatar-male.jpg">
									<div class="bubble">
										<a class="user-name" href="#">John Smith</a>
										<p class="message">Lorem ipsum dolor sit amet, consectetuer
											adipiscing elit. Donec odio. Quisque volutpat mattis eros.
											Nullam malesuada erat ut turpis. Suspendisse urna nibh,
											viverra non, semper suscipit, posuere a, pede.</p>
										<p class="time">
											<strong>Today </strong>3:53 pm
										</p>
									</div></li>
								<li class="current-user"><img width="30" height="30" src="/images/avatar-female.jpg">
									<div class="bubble">
										<a class="user-name" href="#">Jane Smith</a>
										<p class="message">Donec odio. Quisque volutpat mattis eros.</p>
										<p class="time">
											<strong>Today </strong>3:53 pm
										</p>
									</div></li>
								<li><img width="30" height="30" src="/images/avatar-male.jpg">
									<div class="bubble">
										<a class="user-name" href="#">John Smith</a>
										<p class="message">Lorem ipsum dolor sit amet, consectetuer
											adipiscing elit. Donec odio. Quisque volutpat mattis eros.</p>
										<p class="time">
											<strong>Today </strong>3:53 pm
										</p>
									</div></li>
								<li><img width="30" height="30" src="/images/avatar-male.jpg">
									<div class="bubble">
										<a class="user-name" href="#">John Smith</a>
										<p class="message">Lorem ipsum dolor sit amet, consectetuer
											adipiscing elit. Donec odio. Quisque volutpat mattis eros.</p>
										<p class="time">
											<strong>Today </strong>3:53 pm
										</p>
									</div></li>
							</ul>
						</div>
						<div class="post-message">
							<input class="form-control" placeholder="Write your message here..." type="text"><input type="submit" value="Send">
						</div>
					</div>
				</div>
				<!-- End Chat -->
			</div>
			<div class="row">
				<!-- Pie Graph 1 -->
				<div class="col-lg-5">
					<div class="widget-container fluid-height">
						<div class="heading">
							<i class="icon-bar-chart"></i>Donut Charts
						</div>
						<div class="widget-content clearfix">
							<div class="col-sm-6">
								<div class="pie-chart1 pie-chart pie-number easyPieChart" data-percent="87" style="width: 200px; height: 200px; line-height: 200px;">
									87%<canvas width="200" height="200"></canvas></div>
							</div>
							<div class="col-sm-6">
								<div class="pie-chart2 pie-chart pie-number easyPieChart" data-percent="26" style="width: 200px; height: 200px; line-height: 200px;">
									26%<canvas width="200" height="200"></canvas></div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-7">
					<div class="widget-container fluid-height">
						<!-- Table -->
						<table class="table table-filters">
							<tbody>
								<tr>
									<td class="filter-category blue">
										<div class="arrow-left"></div> <i class="icon-stethoscope"></i>
									</td>
									<td>National Distribution Co.</td>
									<td>$9204</td>
									<td class="hidden-xs">
										<div class="sparkslim"><canvas width="100" height="30" style="display: inline-block; width: 100px; height: 30px; vertical-align: top;"></canvas></div>
									</td>
									<td>
										<div class="danger">-4%</div>
									</td>
								</tr>
								<tr>
									<td class="filter-category green">
										<div class="arrow-left"></div> <i class="icon-coffee"></i>
									</td>
									<td>Star Organization Co.</td>
									<td>$23,890</td>
									<td class="hidden-xs">
										<div class="sparkslim"><canvas width="100" height="30" style="display: inline-block; width: 100px; height: 30px; vertical-align: top;"></canvas></div>
									</td>
									<td>
										<div class="success">+12%</div>
									</td>
								</tr>
								<tr>
									<td class="filter-category orange">
										<div class="arrow-left"></div> <i class="icon-gamepad"></i>
									</td>
									<td>Companysoft, LLC</td>
									<td>$10,995</td>
									<td class="hidden-xs">
										<div class="sparkslim"><canvas width="100" height="30" style="display: inline-block; width: 100px; height: 30px; vertical-align: top;"></canvas></div>
									</td>
									<td>
										<div class="success">+5%</div>
									</td>
								</tr>
								<tr>
									<td class="filter-category red">
										<div class="arrow-left"></div> <i class="icon-gift"></i>
									</td>
									<td>Craft Co.</td>
									<td>$6,790</td>
									<td class="hidden-xs">
										<div class="sparkslim"><canvas width="100" height="30" style="display: inline-block; width: 100px; height: 30px; vertical-align: top;"></canvas></div>
									</td>
									<td>
										<div class="success">+26%</div>
									</td>
								</tr>
								<tr>
									<td class="filter-category blue">
										<div class="arrow-left"></div> <i class="icon-stethoscope"></i>
									</td>
									<td>National Distribution Co.</td>
									<td>$9204</td>
									<td class="hidden-xs">
										<div class="sparkslim"><canvas width="100" height="30" style="display: inline-block; width: 100px; height: 30px; vertical-align: top;"></canvas></div>
									</td>
									<td>
										<div class="danger">-4%</div>
									</td>
								</tr>
								<tr>
									<td class="filter-category magenta">
										<div class="arrow-left"></div> <i class="icon-trophy"></i>
									</td>
									<td>Fastnation Co.</td>
									<td>$22,156</td>
									<td class="hidden-xs">
										<div class="sparkslim"><canvas width="100" height="30" style="display: inline-block; width: 100px; height: 30px; vertical-align: top;"></canvas></div>
									</td>
									<td>
										<div class="danger">-4%</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<!-- End Pie Graph 1 -->
			</div>
		</div>